/* ===================================================== */
/*                        FOOTER                          */
/* ===================================================== */

.site-footer{

    width:100%;

    padding:20px 80px 50px;

    box-sizing:border-box;
}


/* ===================================================== */
/*                  باکس اصلی                             */
/* ===================================================== */

.footer-container{

    direction:rtl;

    position:relative;

    overflow:hidden;

    max-width:1600px;

    margin:0 auto;

    padding:40px 45px 24px;

    border-radius:32px;

    background:
    rgba(255,255,255,.02);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(20px);
}


/* ===================================================== */
/*            خط نئونی متحرک بالای فوتر                   */
/* ===================================================== */

.footer-container::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:200%;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #00f5ff,
        #8b5cf6,
        #00f5ff,
        transparent
    );

    background-size:50% 100%;

    opacity:.8;

    animation:footerSignal 4.5s linear infinite;
}

@keyframes footerSignal{

    0%{
        transform:translateX(-50%);
    }

    100%{
        transform:translateX(0%);
    }

}


/* ===================================================== */
/*                    ردیف بالا                           */
/* ===================================================== */

.footer-top{

    display:grid;

    grid-template-columns:1.3fr 1fr 1fr;

    gap:40px;

    padding-bottom:26px;

    margin-bottom:22px;

    border-bottom:
    1px solid rgba(255,255,255,.08);
}


/* ===================================================== */
/*                    برند                                */
/* ===================================================== */

.footer-logo{

    display:flex;

    align-items:baseline;

    gap:8px;

    margin-bottom:12px;
}

.footer-logo h1{

    margin:0;

    color:white;

    font-size:22px;

    font-weight:800;
}

.footer-logo span{

    font-size:12px;

    font-weight:700;

    color:#9fb3d9;

    letter-spacing:2px;
}

.footer-brand p{

    margin:0;

    color:#c6d2eb;

    font-size:13.5px;

    line-height:1.8;

    max-width:340px;
}


/* ===================================================== */
/*                  ستون‌های لینک                         */
/* ===================================================== */

.footer-col h4{

    margin:0 0 14px;

    color:white;

    font-size:14px;

    font-weight:700;
}

.footer-col ul{

    list-style:none;

    margin:0;

    padding:0;

    display:flex;

    flex-direction:column;

    gap:10px;
}

.footer-col a{

    color:#c6d2eb;

    text-decoration:none;

    font-size:13.5px;

    transition:.25s;
}

.footer-col a:hover{

    color:#00f5ff;
}


/* ===================================================== */
/*                  سلب مسئولیت معاملات                   */
/* ===================================================== */

.footer-disclaimer{

    margin:0 0 18px;

    padding:14px 18px;

    border-radius:14px;

    background:
    rgba(255,180,84,.05);

    border:
    1px solid rgba(255,180,84,.18);

    color:#9aa4c2;

    font-size:11.5px;

    line-height:1.9;

    text-align:center;
}


/* ===================================================== */
/*                    ردیف پایین                          */
/* ===================================================== */

.footer-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:14px;

    flex-wrap:wrap;

    font-size:12.5px;

    color:#8b96b8;
}


/* ===================================================== */
/*                      اینماد                            */
/* ===================================================== */

.footer-enamad{
    display:flex;
    align-items:center;
}

.footer-enamad img{
    height:60px;
    border-radius:6px;
}

/* ===================================================== */
/*                    گروه سمت راست                       */
/* ===================================================== */

.footer-right{

    display:flex;

    align-items:center;

    gap:14px;
}


/* ===================================================== */
/*                 وضعیت پشتیبانی آنلاین                  */
/* ===================================================== */

.footer-status{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:12.5px;

    color:#00ff88;

    padding:6px 12px;

    border-radius:20px;

    background:
    rgba(0,255,136,.08);

    border:
    1px solid rgba(0,255,136,.22);
}

.pulse-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#00ff88;

    animation:footerDotPulse 1.8s ease-out infinite;
}

@keyframes footerDotPulse{

    0%{
        box-shadow:0 0 0 0 rgba(0,255,136,.55);
    }

    70%{
        box-shadow:0 0 0 9px rgba(0,255,136,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(0,255,136,0);
    }

}


/* ===================================================== */
/*                  آیکون‌های شبکه اجتماعی                */
/* ===================================================== */

.footer-social{

    display:flex;

    gap:10px;
}

.footer-social a{

    width:34px;

    height:34px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(255,255,255,.08);

    color:#c6d2eb;

    text-decoration:none;

    font-size:14px;

    transition:.3s;
}

.footer-social a:hover{

    transform:translateY(-3px);

    border-color:
    rgba(0,255,238,.3);

    box-shadow:
    0 0 20px rgba(0,255,238,.18);
}


/* ===================================================== */
/*                     موبایل                             */
/* ===================================================== */

@media(max-width:1100px){

    .site-footer{
        padding:15px 30px 35px;
    }

    .footer-container{
        padding:28px 24px 20px;
    }

    .footer-top{
        grid-template-columns:1fr;
        gap:26px;
    }
}

@media(max-width:600px){

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-right{
        width:100%;
        justify-content:space-between;
    }
}


/* ===================================================== */
/*             احترام به تنظیم کاهش انیمیشن               */
/* ===================================================== */

@media(prefers-reduced-motion: reduce){

    .footer-container::before{
        animation:none;
    }

    .pulse-dot{
        animation:none;
    }

}